<html> 
<head><link type="text/css" href="tabbox.css" rel="stylesheet"/><link type="text/css" href="note.css" rel="stylesheet"/><script type="text/javascript" src="tabbox.js"/><script type="text/javascript" src="note.js"/>
  <title>Behold the tabbox!</title>
  <link rel="stylesheet" href="tabbox2.css" type="text/css"/>
</head>
<body>
<h1>Behold the tabbox!</h1>

<div class="ww_tabbox" id="ww_tabbox1"><span class="ww_tabbox_bar" id="ww_tabbox1_bar"><span class="ww_tabbox_tab" onclick="ww_setTab(&apos;ww_tabbox1&apos;, 1)" id="ww_tabbox1_tab1" style="padding-bottom: 1px; font-weight: bold;">Foo</span><span class="ww_tabbox_tab" onclick="ww_setTab(&apos;ww_tabbox1&apos;, 2)" id="ww_tabbox1_tab2">Bar</span><span class="ww_tabbox_tab" onclick="ww_setTab(&apos;ww_tabbox1&apos;, 3)" id="ww_tabbox1_tab3">Baz</span></span><div style="display: block" id="ww_tabbox1_pane1" class="ww_tabbox_pane">
    Recall the liftM family of functions which are used to lift
    non-monadic functions into a monad. Each monad transformer provides a
    lift function that is used to lift a monadic computation into a
    combined monad. Many transformers also provide a liftIO function,
    which is a version of lift that is optimized for lifting computations
    in the IO monad. To see this in action, we will continue to develop
    our previous example in the Continuation monad.
  </div><div id="ww_tabbox1_pane2" class="ww_tabbox_pane">
    <img src="http://mars/blog/images/mt-logo.gif"/>
  </div><div id="ww_tabbox1_pane3" class="ww_tabbox_pane">
    Nada.
  </div></div>

<p>This is pretty cool!</p>

<div class="ww_tabbox" id="ww_tabbox2"><span class="ww_tabbox_bar" id="ww_tabbox2_bar"><span class="ww_tabbox_tab" onclick="ww_setTab(&apos;ww_tabbox2&apos;, 1)" id="ww_tabbox2_tab1" style="padding-bottom: 1px; font-weight: bold;">General</span><span class="ww_tabbox_tab" onclick="ww_setTab(&apos;ww_tabbox2&apos;, 2)" id="ww_tabbox2_tab2">Security</span><span class="ww_tabbox_tab" onclick="ww_setTab(&apos;ww_tabbox2&apos;, 3)" id="ww_tabbox2_tab3">Privacy</span></span><div style="display: block" id="ww_tabbox2_pane1" class="ww_tabbox_pane">
    Hello. This is general information!
  </div><div id="ww_tabbox2_pane2" class="ww_tabbox_pane">
    Recall the liftM family of functions which are used to lift
    non-monadic functions into a monad. Each monad transformer provides a
    lift function that is used to lift a monadic computation into a
    combined monad. Many transformers also provide a liftIO function,
    which is a version of lift that is optimized for lifting computations
    in the IO monad. To see this in action, we will continue to develop
    our previous example in the Continuation monad.
  </div><div id="ww_tabbox2_pane3" class="ww_tabbox_pane">
    <p>Tabboxes can be nested.</p>
    <div class="ww_tabbox" id="ghent"><span class="ww_tabbox_bar" id="ghent_bar"><span class="ww_tabbox_tab" onclick="ww_setTab(&apos;ghent&apos;, 1)" id="ghent_tab1" style="padding-bottom: 1px; font-weight: bold;">Foo</span><span class="ww_tabbox_tab" onclick="ww_setTab(&apos;ghent&apos;, 2)" id="ghent_tab2">Bar</span><span class="ww_tabbox_tab" onclick="ww_setTab(&apos;ghent&apos;, 3)" id="ghent_tab3">Baz</span></span><div style="display: block" id="ghent_pane1" class="ww_tabbox_pane">
        Recall the liftM family of functions which are used to lift
        non-monadic functions into a monad. Each monad transformer provides a
        lift function that is used to lift a monadic computation into a
        combined monad. Many transformers also provide a liftIO function,
        which is a version of lift that is optimized for lifting computations
        in the IO monad. To see this in action, we will continue to develop
        our previous example in the Continuation monad.

	<span id="ww_note3" class="ww_note"><span onclick="ww_note_toggle(&apos;ww_note3&apos;)" id="ww_note3_small" class="ww_note_small">Note</span><span id="ww_note3_full" class="ww_note_full">As you can see, these widgets play nice with each other.</span></span>

	<p>This is another paragraph.</p>
      </div><div id="ghent_pane2" class="ww_tabbox_pane">
        <img src="http://mars/blog/images/mt-logo.gif"/>
      </div><div id="ghent_pane3" class="ww_tabbox_pane">
        Nada.
      </div></div>
  </div></div>

</body>
</html>